{% extends '::base.html.twig' %}

{% block stylesheets %}
 
{% endblock %}

{% block header %}
    <header class="header">
            <a href="{{path('curso_main_admin')}}" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                Sistema de Reclamos
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                 {% block userAccount %}
                    <ul class="nav navbar-nav">
                        <!-- Seccion que mostra la cuenta de usuario y validar que se despliegue -->
                      
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span> {% if nombreUsuario is defined %}
                                		{{ nombreUsuario }}
                                <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="{{asset('bundles/cursomain/images/img/avatar3.png')}}" class="img-circle" alt="User Image" />
                                    <p>
                                        <small> </small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="{{path('curso_main_admin')}}" class="btn btn-default btn-flat">Perfil</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="{{path('curso_main_logout')}}" class="btn btn-default btn-flat">Salir</a>
                                    </div>
                                </li>
                            </ul>
                             {% else %}
                             No se autentificado
                             </a>
                             {% endif %}
                        </li>
                    </ul>
                  {% endblock %}
                </div>
            </nav>
        </header>
        {% endblock %}

                     {% block sliderMenu %}
                    <ul class="sidebar-menu">
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-bar-chart-o"></i>
                                <span>Administrar Denuncia</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="pages/charts/morris.html"><i class="fa fa-angle-double-right"></i>Ver Solicitudes</a></li>
                                <li><a href="pages/charts/flot.html"><i class="fa fa-angle-double-right"></i>Reporte</a></li>
                       
                            </ul>
                        </li>
                       
                       </ul>
                       {% endblock %}

{% block title %}
 	Sistema de Reclamos
{% endblock %}

{% block body %}

	<div class="box">
		<div class="box-header">
			<h3 class="box-title">Denuncias Presentadas</h3>
		</div>
		
		<!-- Inicia elementos del encabezado de encabezado (cantidad de registro, busqueda estado de denuncias, Busqueda general) -->
		<div class="box-body table-responsive">
			<div id="tablaDenuncias_wrapper" class="dataTables_wrapper form-inline" role="grid">
				<div class="row">
				
					<div class="col-xs-4">
						<div id="tablaDenunciasCantidad_length" class="dataTables_length">
							<label>
								<select name="tablaDenunciasCantidad_length" size="1" aria-controls="tablaDenuncias">
									<option value="10"> 10</option>
									<option value="20"> 20</option>
									<option value="30"> 30</option>
									<option value="all">Todos</option>
								</select>
								Cantidad de Denuncias 
							</label>
						</div>
					</div>
					
					<div class="col-xs-4">
						<div id="tablaDenunciasEstados_length" class="dataTables_length">
							<label>
								<select name="tablaDenunciasEstados_length" size="1" aria_controls="tablaDenuncias">
									<option value="aprobada">Aprovadas</option>
									<option value="negada">Negadas</option>
									<option value="pendiente">Pendientes</option>
								</select>
								Estado de Solicitudes
							</label>
						</div>
					</div>
					
					<div class="col-xs-4">
						<div id="tablaDenunciasBusqueda_length" class="dataTables_length">
							<label>
								Buscar: <input type="text" aria-controls="tablaDenuncias"
							</label>
						</div>
					</div>
					
				</div>
					
					<table id="tablaDenuncias" class="table table-bordered table-striped dataTable" aria-describedby="tablaDenuncias_info">
					
					<!-- Inicia cabecera de tabla -->
					
						<thead>
							<tr role="row">
								<th class="sorting_asc" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 75px;" aria-sort="ascending" 
									aria-label="Id-Denuncia: activate to sort column descending">
									Id-Denuncia
								</th>
								
								<th class="sorting" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 183px;" aria-label="Descrpcion Gral. Denuncia: activate to sort column ascending">
									Descripcion Gral. Denuncia
								</th>
								
								<th class="sorting" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 189px;" aria-label="Nombre Empresa: activate to sort column ascending">
									Nombre Empresa
								</th>
								
								<th class="sorting" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 152px;" aria-label="Sector: activate to sort column ascending">
									Sector Empresa
								</th>
								
								<th class="sorting" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 150px;" aria-label="Estado Denuncia: activate to sort column ascending">
									Estado Denuncia
								</th>
								
								<th class="sorting" role="columnheader" 
									tabindex="0" aria-controls="tablaDenuncias" rowspan="1" 
									colspan="1" style="width: 189px;" aria-label="Opciones: activate to sort column ascending">
									Opciones
								</th>
								
							</tr>
						</thead>
					<!-- Finaliza Cabezera de tabla -->
					
					<!-- Inicia Pie de tabla 
						<tfoot>
							<tr>
								<th rowspan="1" colspan="1">Id-Denuncia</th>
								<th rowspan="1" colspan="1">Descripcion Gral. Denuncia</th>
								<th rowspan="1" colspan="1">Nombre Empresa</th>
								<th rowspan="1" colspan="1">Sector Empresa</th>
								<th rowspan="1" colspan="1">Estado Denuncia</th>
								<th rowspan="1" colspan="1">Opciones</th>
							</tr>	
						</tfoot>
					 Finaliza pie de tabla -->
					
					<!-- Inicia Contenido de Tabla -->
						<tbody role="alert" aria-live="polite" aria-relevant="all">
						{% for dato in datos %}
							<tr class="odd">
								<td class="sorting_1">{{ dato.idSolicitud }}</td>
								<td class="">{{ dato.descripcion }}</td>
								<td class="">{{ dato.nombreEmpresa }}</td>
								<td class="">{{ dato.nombreTipoEmpresa }}</td>
								<td>
									<span class="label label-success">{{ dato.estadoSolicitud }}</span>    <!-- clases de tipo label disponibles: label label-success, label label-warning, label label-danger -->
								</td>
								<td class="">Botones pendientes</td>
							</tr>
						{% endfor %}
						</tbody>
					<!-- Finaliza Contenido de Tabla -->
						
					</table>
				<!-- Finaliza Tabla -->
	
				<div id="tablaDenuncias_info" class="dataTables_info">
					Mostrando 1 de 1 entradas
				</div>
			</div>
		</div>
		
	</div>
 
{% endblock %}